<template>

  <navigator class="picwrapper" :url="'/pages/goods_detail/main?goods_id='+ goodsInfo.goods_id" >
    <image class="pic" :src="goodsInfo.goods_small_logo" />
    <view class="text">
      <text class="title">{{ goodsInfo.goods_name }}</text>
      <text class="price">{{ goodsInfo.goods_price }}</text>
    </view>
  </navigator>
</template>

<script>
export default {
  props: ["goodsInfo"],
};
</script>

<style lang="less" scoped>
.picwrapper {
  overflow: hidden;
  padding: 0 20rpx;
  height: 250rpx;
  font-size: 15rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
  .pic {
    width: 200rpx;
    height: 200rpx;
  }
  .text {
      height: 220rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    .title {
      padding: 0 20rpx;
      font-size: 24rpx;
      width: 500rpx;
      justify-content: center;
    }
    .price{
         padding: 0 20rpx;
       font-size: 24rpx;
      color: red;
    }
  }
}
</style>